a {
    background: linear-gradient(to top, black, white);
    display: flex;
    transform: all 1s;
    width: calc(50% - 2em);
    transition: transform 1s;
}

b {
    opacity: 1;
}

 ::placeholder {
    color: #ccc
}

@media (min-resolution: 2dppx) {
    .image {
        background-image: url(image@2x.png);
    }
}